<?php session_start(); ?>
    <?php
        $_SESSION['load_css'] = "xyzAbc";
        $dress = ( isset($_SESSION['dress']) ) ? $_SESSION['dress'] : "white";
        $_SESSION['dress']  = $dress;
    ?>
<!DOCTYPE HTML>
<html>
    <head>
        <title>Miqdad Ali K</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="user-scalable=no, width=device-width"/>
        <meta name="description" content="Web developer" />
        <meta name="keywords" content="php, cakephp, samrty, wordpress, jquery, extjs" />
        <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine&amp;v1" />
        <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" />
        <link rel="stylesheet" type="text/css" href="style/style.php?style=<?php echo $dress; ?>" />
    </head>

    <body id="main">
        <header id="header">
            <div id="logo">
                <h1 id="my_name">(-: Miqdad Ali K :-)</h1>
                <div class="slogan" id="my_slogan">Be Simple and Simple</div>
            </div>
            <nav id="menubar">
                <ul id="menu">
                    <li class="current"><a href="javascript:void(0);" title="about">Home</a></li>
                    <li><a href="javascript:void(0);" title="experience">Experience</a></li>
                    <li><a href="javascript:void(0);" title="education">Education & Skills</a></li>
                    
                    <!--<li><a href="javascript:void(0);" title="content4">Projects</a></li>-->
                    <li><a href="javascript:void(0);" title="contact">Contact Me</a></li>
                    <li><a href="http://blog.miqdadalik.com" target="_parent" title="blog">My Blog</a></li>
                </ul>
            </nav>
            <div id="photo">
                <img class="paperclip" src="style/paperclip.png" alt="Clipped" style="z-index: 1000;" />
                <img id="my_photo" src="style/photo.jpeg" alt="Miqdad Ali K" width="110" height="110" />
            </div>
            <div id="fblike">
                <!--<div class="fb-like" data-href="http://miqdadalik.com" data-send="true" data-width="400" data-show-faces="false" data-font="arial"></div>-->
                <!--<fb:like href="http://www.miqdadalik.com/" width="450" height="80"/>-->
            </div>
        </header>
        <section id="site_content">
            <aside id="sidebar_container">
                <img class="paperclip" src="style/paperclip.png" alt="Clipped" />
                <div class="sidebar">
                    <h3>Connect With Me</h3>
                    <a href="http://fb.com/miqdadalik" target="_blank"><img src="style/facebook.png" title="My facebook profile"  /></a>
                    <a href="http://twitter.com/miqdadali" target="_blank"><img src="style/twitter.png" title="My twitter profile" /></a>
                    <a href="http://in.linkedin.com/pub/miqdad-ali/27/b7/a18" target="_blank"><img src="style/linkedin.png" title="My linkedin profile" /></a>
                    <a href="http://profile.yahoo.com/M2U47ZPEDM2GOHEEGIAQXAAY4I/" target="_blank"><img src="style/yahoo.png" title="My yahoo profile" /></a>
                    <a href="https://plus.google.com/112011556277873163953?rel=author" target="_blank"><img src="style/google.png" title="My google profile" /></a>
                    <!--<a href="http://www.blogger.com/profile/02816085702756108684" target="_blank"><img src="style/blogger.png" /></a>-->
                    <a href="http://www.myspace.com/407135903" target="_blank"><img src="style/myspace.png" title="My myspace profile" /></a>
                </div>
                <!--<img class="paperclip" src="style/paperclip.png" alt="Clipped" />
                <div class="sidebar">
                    <h3>Latest Tweet</h3>
                    <h5 id="my_tweet_time"></h5>
                    <p id="my_tweet_text"><br /></p>
                </div>-->
                <img class="paperclip" src="style/paperclip.png" alt="Clipped" id="blog_post_clip" style="display: none;" />
                <div class="sidebar" id="blog_post_block" style="display: none;">
                    <h3>Latest Blog Post</h3>
                    <h4 id="last_blog_post_title"></h4>
                    <h5 id="last_blog_post_time"></h5>
                    <p id="last_blog_post_cont"><br /></p>
                    <a href="" target="_blank" id="last_post_link"></a>
                </div>
            </aside>
            <article class="content" id="about">
                <h1>Hi there !</h1>
                <p>
                    My name is Miqdad Ali and I am 21 years old.
                    Currently I am living and working in Cochin/Kerala, India. On this website
                    you can find more information about me and my experience. This website is
                    my electronic CV. I'm directing this website for all people, institutions
                    and agencies wanting to exploit my experience. 
                </p>
                
                <h2>Objective</h2>
                <p>
                    To obtain a creative and challenging position that enables me to gain
                    valuable commercial experience and improve the web development and
                    design skills that I gained as part of my degree course and projects.
                </p>
            </article>
            <article class="content" id="experience">
                <h1>Experience</h1>
                <ul>
                    <li><h2>Software Engineer ( From July 2011 onwards )</h2></li>
                    <li style="background:none !important;"><h2><a href="http://quintetsolutions.com" target="_blank">Quintet Solutions Pvt. Ltd.</a></h2></li>
                    <li><h2>PHP Programmer ( From May 2010 To May 2011 )</h2></li>
                    <li style="background:none !important;"><h2><a href="http://www.kitessoftwares.com/" target="_blank">Kites Softwares Pvt. Ltd.</a></h2></li>
                </ul>
            </article>
            <article class="content" id="education">
                <h1>Education</h1>
                <h2>Diploma In Computer Engineering ( 2007-2010 )</h2>
                <a href="http://nttftrg.com" target="_blank">Nettur Technichal Training Foundation</a>
                <p></p>
                <h1>Skills</h1>
                <div style="width: 100%;overflow: auto;">
                    <div style="float: left; width: 150px;">
                        <ul>
                            <li><h2>PHP</h2></li>
                            <li><h2>CodeIgniter</h2></li>
                            <li><h2>Javascript</h2></li>
                            <li><h2>MySql</h2></li>
                            <li><h2>HTML/HTML5</h2></li>
                            <li><h2>Facebook API</h2></li>
                        </ul>
                    </div>
                    <div style="float: left; width: 150px;">
                        <ul>
                            <li><h2>CakePHP</h2></li>
                            <li style="background:none !important;"><h2>&nbsp;</h2></li>
                            <li><h2>Jquery</h2></li>
                            <li style="background:none !important;"><h2>&nbsp;</h2></li>
                            <li><h2>CSS</h2></li>
                            <li><h2>Twitter API</h2></li>
                        </ul>
                    </div>
                    <div style="float: left; width: 150px;">
                        <ul>
                            <li><h2>Wordpress</h2></li>
                            <li style="background:none !important;"><h2>&nbsp;</h2></li>
                            <li><h2>ExtJs</h2></li>
                            <li style="background:none !important;"><h2>&nbsp;</h2></li>
                            <li><h2>Adobe Photoshop</h2></li>
                            <li><h2>Ubersmith API</h2></li>
                        </ul>
                    </div>
                    <div style="float: left; width: 150px;">
                        <ul>
                            <li><h2>Smarty</h2></li>
                            <li style="background:none !important;"><h2>&nbsp;</h2></li>
                            <li style="background:none !important;"><h2>&nbsp;</h2></li>
                            <li style="background:none !important;"><h2>&nbsp;</h2></li>
                            <li style="background:none !important;"><h2>&nbsp;</h2></li>
                            <li><h2>Pay4Later API</h2></li>
                        </ul>
                    </div>
                </div>
                <div style="width: 100%; "></div>
            </article>
            <article class="content" id="content4">
                <h1>Projects worked</h1>
                <ul>
                    <li><h2>Rihanna Navy</h2></li>
                    <li style="background:none !important;"><h2><a href="http://rihannanavy.rihannanow.com/" target="_blank">http://rihannanavy.rihannanow.com/</a></h2></li>
                    <li style="background:none !important;"><p><b>Skills Used : </b>Wordpress, MySQL, Jquery, CSS Facebook Graph API, Twitter API</p></li>
                    
                    <li><h2>Singlehop</h2></li>
                    <li style="background:none !important;"><h2><a href="http://singlehop.com/" target="_blank">Visit Company Website</a></h2></li>
                    <li style="background:none !important;"><p>A system to manage Singlehop internal ticketing<br /><b>Skills Used : </b>PHP, Smarty, MySQL, Jquery, Ubersmith API</p></li>
                    
                    <li><h2>Watch Shop</h2></li>
                    <li style="background:none !important;"><h2><a href="http://www.watchshop.com/" target="_blank">http://www.watchshop.com/</a></h2></li>
                    <li style="background:none !important;"><p><b>Skills Used : </b>PHP, Smarty, MySQL, Jquery, Pay4Later API</p></li>
                </ul>
                <div style="text-align: right;">
                    <h2><a href="javascript:void(0);" title="content6" class="move_link">Next</a></h2>
                </div>    
            </article>
            <article class="content" id="content6">
                <h1>Projects worked</h1>
                <ul>
                    <li><h2>Campus Buddy</h2></li>
                    <li style="background:none !important;"><h2><a href="http://www.kitescampusbuddy.com/" target="_blank">About Project</a></h2></li>
                    <li style="background:none !important;"><p>College automation software. <br /><b>Skills Used : </b>CakePHP, MySQL, Jquery, CSS </p></li>
                    
                    <li><h2>School Enterprise Automation Tool (SEAT)</h2></li>
                    <li style="background:none !important;"><h2><a href="http://imededu.com/" target="_blank">Visit IME Website</a></h2></li>
                    <li style="background:none !important;"><p>Developed for Institution of Medical Education (IME), USA<br /><b>Skills Used : </b>CakePHP, MySQL, Jquery, CSS</p></li>
                    
                    <li><h2>Kites Online Monitoring System(KOMS):</h2></li>
                    <li style="background:none !important;"><h2><a href="http://www.watchshop.com/" target="_blank">http://www.watchshop.com/</a></h2></li>
                    <li style="background:none !important;"><p>A daily monitoring system for KITES Softwares Pvt. Ltd.<br /><b>Skills Used : </b>PHP, Smarty, MySQL, Jquery, CSS</p></li>
                </ul>
                <div style="text-align: left;">
                    <h2><a href="javascript:void(0);" title="content4" class="move_link">Previous</a></h2>
                </div>    
            </article>
            <article class="content" id="contact">
                <h1>Contact Me</h1>
                <p id="contact_message"></p>
                <form action="#" method="post">
                    <div class="form_settings">
                        <p><span>Name</span><input class="contact" type="text" name="your_name" id="your_name" value="" placeholder="Miqdad Ali K" /></p>
                        <p><span>Email Address</span><input class="contact" type="email" name="your_email" id="your_email" value="" placeholder="miqdad@miqdadalik.com" /></p>
                        <p><span>Message</span><textarea class="contact textarea" rows="8" cols="50" name="your_enquiry" id="your_enquiry" placeholder="Write your message here"></textarea></p>
                        <p style="padding-top: 15px"><span>&nbsp;</span><input class="submit" type="button" id="contact_submitted" name="contact_submitted" value="submit" /></p>
                    </div>
                </form>
                <p><br /><br />NOTE: You can contact me for anything :). But I hate spamming :( </p>
            </article>
            <article id="tweets_block">
                <img class="paperclip" src="style/paperclip.png" alt="Clipped" />
                <div class="sidebar">
                <blockquote>
                    <p id="tweet_body">28 HTML5 Features, Tips, and Techniques you Must Know <a href="http://t.co/yNWYWv7Xt.co" target="_blank">http://t.co/yNWYWv7Xt.co</a></p>
                </blockquote>
                <cite><a href="http://twitter.com/miqdadali" target="_blank">@miqdadali</a> on <span id="tweet_date">2nd April</span></cite>
                </div>
            </article>
        </section>
        <img class="paperclip" src="style/paperclip.png" alt="Clipped" style="display: none;" id="paperClipLeftQuote" />
        <img class="paperclip paperClipRight" src="style/paperclip.png" alt="Clipped"  style="display: none;" id="paperClipRightQuote" />
        <section style="width: 950px; margin-top: 10px;">
            <div id="quote_of_the_day" style="display: none;margin: 0 auto; border: 1px solid #EEEEEE; background: none repeat scroll 0 0 #FBFBFB;font: 500% 'tangerine', arial; padding: 20px;">
                <blockquote>
                    <p style="margin-left: 100px; line-height: 1em;">Simplicity is the ultimate sophistication.</p>
                </blockquote>
                <cite style="float: left;line-height: 1em; font-size: 40px;">Quote of the day</cite>
                <cite style="line-height: 1em; font-size: 40px;" id="quote_author">- Leonardo da Vinci</cite>
                <div style="clear:both;"></div>
            </div>
        </section>
        <footer id="footer">
            <p>
                <a href="http://www.w3.org/html/logo/" style="float: left;">
                    <img src="http://www.w3.org/html/logo/badge/html5-badge-h-css3.png" width="133" height="64" alt="HTML5 Powered with CSS3 / Styling" title="HTML5 Powered with CSS3 / Styling">
                </a>
            </p>
            <p style="float: left;padding-top: 7px;" >
                Copyright &copy; <a href="http://www.miqdadalik.com">miqdadalik.com</a> |
                <a href="http://validator.w3.org/check?uri=referer" target="_blank">HTML5</a> 
                <!--| <a href="http://jigsaw.w3.org/css-validator/validator?uri=miqdadalik.ueuo.com&amp;profile=css3&amp;usermedium=all&amp;warning=1" target="_blank">CSS3</a>-->
            </p>
            <p style="float: right;">
                <a href="#" id="change_my_dress">Change my dress</a>
            </p>
        </footer>
        
        <!-- JavaScript includes -->
		<script src="http://code.jquery.com/jquery-1.6.3.min.js"></script>
        <script src='js/snowfall.min.jquery.js'></script>
        <script src="js/jquery.shuffleLetters.js"></script>
        <script src="js/script.min.js"></script>
    </body>
</html>
